<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax-实现异步请求</title>
    <script src="js/jquery-3.7.1.js"></script>
</head>
<body>
<h1>Ajax-实现异步请求</h1>
<button id="btn1">方式一</button>
<button id="btn2">方式二</button>

<p>响应结果：<span id="jg"></span></p>

<script>
    //方式一：发送字符串数据
    // data：发送到服务器的数据是字符串
    $("#btn1").click(function (){
        $.ajax("send",{
            type:'post',
            data:"name=aaaa。/&&age=18",
            success:function (data){
                $("#jg").text(data)
            }
        })
    });
    //方式二：发送对象数据
    // data：发送到服务器的数据是对象Array
    $("#btn2").click(function (){
        $.ajax("send",{
            type:'post',
            data:{
                name:"bbbbb",
                age:188
            },
            success:function (data){
                $("#jg").text(data)
            }
        })
    })
</script>
</body>
</html>